<template>
<div>{{ message }}</div>
<div>{{ obj.message }}</div>
<div>{{ obj.desc }}</div>
</template>
<script setup>
import { reactive,toRefs } from 'vue';
let obj = reactive({
    message:'这是修改前的值',
    desc:'这是desc修改前的值'
});
let {message,desc} = toRefs(obj);
setTimeout(()=>{
message.value = '这是修改后的值';
desc.value = '这是desc修改后的值';
},3000);
</script>
<style scoped>

</style>